body{max-width: 2000px;}
.section{position: relative; height: 100%;}
.contain{height: 100%;}
.app-header{position: absolute; left: 0; width: 100%; height: 80px; background: #fff; font-size: 20px; overflow: hidden; z-index: 10;}
.app-header .header-left{float: left; margin: 0 0 0 10%; line-height: 80px; color: #282828;}
.app-header .header-left > li{float: left; padding: 0 10px; margin-right: 40px;}
.app-header .header-left .active{line-height: 78px; border-bottom: 2px solid #ff581e;}
.app-header .header-left .active a{color: #ff581e;}
.app-header .logo{display: inline-block; width: 49px; height: 49px; line-height: 1; border: 1px solid #ececec; border-radius: 8px; margin-top: 14px; background: #fff url(../images/logo.png) no-repeat;}
.app-header .header-right{float: right; margin: 26px 2% 0 0;}
.app-header .header-right .hr-line{display: inline-block; height: 30px; background: #dadada; width: 1px; margin: 0 5px; vertical-align: middle;}
.page-01{background: url(../images/bg-01.jpg) no-repeat left bottom;}
.page-02,
.page-03{background: url(../images/bg-02.jpg) no-repeat;}
.page-04{background: url(../images/bg-04.jpg) no-repeat;}
.page-05{background: url(../images/bg-05.jpg) no-repeat;}
.page-con-01{height: 100%; margin: 0 auto; text-align: center; position: relative; overflow: hidden;}
.page-con-01 .phone{position: absolute; left: 0; bottom: 0;}
.page-con-01 .app-name,
.page-con-01 .wechat-code{position: absolute; right: 22%; top: 30%;}
.page-con-01 .wechat-code{right: 38%; top: 56%;}
.page-con-01 .ios-down,
.page-con-01 .android-down{position: absolute; width: 234px; height: 64px; right: 22%; top: 58.5%; background: url(../images/photo-btn-ios.png?__sprite) no-repeat;}
.page-con-01 .android-down{background: url(../images/photo-btn-android.png?__sprite) no-repeat; top: 68%;}
.page-02 .phone,
.page-03 .phone,
.page-04 .phone,
.page-05 .phone{position: absolute; top: 120px; left: 50%; z-index: 10; margin-left: -250px;}
.page-02 .text,
.page-03 .text,
.page-04 .text,
.page-05 .text{position: absolute; width: 100%; height: 140px; padding-top: 60px; left: 0; bottom: 0; background: #fff; text-align: center; line-height: 40px;}
.page-02 .wechat,
.page-03 .wechat,
.page-04 .wechat,
.page-05 .wechat{position: absolute; top: 24px; right: 8%;}
.page-03 .phone{position: absolute; top: 120px; left: 50%; z-index: 10; margin-left: -382px;}
#fp-nav{position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1;}
#fp-nav.right{right: 17px;}
#fp-nav ul{margin: 0; padding: 0;}
#fp-nav ul li{display: block; width: 14px; height: 13px; margin: 7px; position: relative;}
#fp-nav ul li a{display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none;}
#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span{height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%;}
#fp-nav ul li a span{border-radius: 50%; position: absolute; z-index: 1; height: 4px; width: 4px; border: 0; background: rgba(0, 0, 0, 0.6); left: 50%; top: 50%; margin: -2px 0 0 -2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
#fp-nav ul li .fp-tooltip{display: none;}
@media only screen and (max-width: 1600px){.page-con-01 .phone{width: 660px;} .page-con-01 .app-name{width: 480px;} .page-02 .phone, .page-03 .phone, .page-04 .phone{width: 440px; top: 5%; margin-left: -220px;} .page-03 .phone, .page-04 .phone{top: 5%; width: 660px; margin-left: -330px;} .page-05 .phone{width: 400px; top: 5%; margin-left: -200px;}}
@media only screen and (max-width: 1400px){.page-con-01{height: 100%; margin: 0 auto; text-align: center; position: relative; overflow: hidden;} .page-con-01 .phone{width: 560px;} .page-con-01 .app-name, .page-con-01 .wechat-code{position: absolute; right: 12%; top: 30%;} .page-con-01 .app-name{width: 440px;} .page-con-01 .wechat-code{right: 30%; top: 52%;} .page-con-01 .ios-down, .page-con-01 .android-down{right: 10.5%; top: 360px;} .page-con-01 .android-down{top: 440px;} .page-02 .phone, .page-03 .phone, .page-04 .phone{width: 320px; top: 5%; margin-left: -180px;} .page-03 .phone, .page-04 .phone{top: 5%; width: 500px; margin-left: -250px;} .page-05 .phone{width: 300px; top: 5%; margin-left: -150px;}}
/*# sourceMappingURL=app_down.css.map */